/* ====================
     公共样式
==================== */

body
{
    font-family: '微软雅黑';
    font-size: 12px;
    line-height: 150%;

    color: #333;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
p,
form,
textarea,
input,
img
{
    margin: 0;
    padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6
{
    font-weight: 400;
}
ul,
ol,
li
{
    list-style: none;
}
div
{
    margin: 0 auto;
    padding: 0;
}
img
{
    border: none;
}
em
{
    font: inherit;
}
.clearfix:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}
*html .clearfix
{
    height: 1%;
}
* + html .clearfix
{
    height: 1%;
}

/*链接样式*/

a
{
    text-decoration: none;

    color: #333;
    outline: 0;
}
a:hover
{
    text-decoration: none;

    color: #f60;
}

/*浮动样式*/

.fl
{
    float: left;
}
.fr
{
    float: right;
}

/*排列样式*/

.tl
{
    text-align: left;
}
.tc
{
    text-align: center;
}
.tr
{
    text-align: right;
}

/*字体颜色样式*/

.f1
{
    color: #fff;
}
.f2
{
    color: #15a754;
}
.f3
{
    color: #333;
}

/*字体大小样式*/

.f14px
{
    font-size: 14px;
}
.f16px
{
    font-size: 16px;
}

/*字体粗体样式*/

.bold
{
    font-weight: bold;
}

/*表单样式*/

input
{
    font-family: '微软雅黑';

    border: none;
    outline: 0;
    background: none;
}
select
{
    outline: 0;
}

/*按钮样式*/

.button
{
    cursor: pointer;
}

/*英文强制换行*/

.word
{
    word-break: break-all;
}

/*标题超出隐藏*/

.text-ellipsis
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

/*边框样式*/

.box
{
    border: 1px solid #f1f1f1;
}

/*外边距样式*/

.mt10
{
    margin-top: 10px;
}
.mt20
{
    margin-top: 20px;
}
.ml10
{
    margin-left: 10px;
}

/*布局*/

.w
{
    width: 1200px;
}
.left
{
    float: left;
}
.right
{
    float: right;
}

/* ====================
     广告样式
==================== */


/* ====================
     头部样式
==================== */

.header
{
    position:fixed;
    width: 100%;
    height: 75px;
	padding:10px 0;
    min-width: 1200px;
	border-bottom:1px solid #ccc;
    background: rgba(255, 255, 255, .6)!important;
    filter:Alpha(opacity=70);
    background: #fff;
    z-index:9999;
}
.header .logo
{
    overflow: hidden;
	margin-top: 15px;
    width: 351px;
    height: 42px;
}
.header .tel {
	font-size:14px;
	color:#C00;
}

/* 导航菜单 */

.header .nav
{
    display: inline-block;
	margin-top:10px;
    height: 30px;
}
.header .nav li
{
	display: inline-block;
    text-align: center;
    width:100px;
}

.header .nav li img
{
    display: none;

}

.header li a
{
	display: inline-block;
    font-size: 18px;
    color: #333;
}


/* 主广告 */

.banner
{
    position: relative;
    z-index: 0;

    overflow: hidden;

    width: 100%;
    min-width: 1200px;
    height: 600px;

    background: #333;
}
.banner .bd
{
    position: relative;
    z-index: 0;
}
.banner .bd li a
{
    display: block;

    width: 100%;
    height: 600px;
}
.banner .bd li .banner-0
{
    background: url(../images/zsq2016/banner-9.jpg) center no-repeat;
}
.banner .bd li .banner-1
{
    background: url(../images/zsq2016/banner-1.jpg) center no-repeat;
}
.banner .bd li .banner-2
{
    background: url(../images/zsq2016/banner-3.jpg) center no-repeat;
}
.banner .bd li .banner-3
{
    background: url(../images/zsq2016/banner-4.jpg) center no-repeat;
}
.banner .bd li .banner-4
{
    background: url(../images/zsq2016/banner-5.jpg) center no-repeat;
}
.banner .bd li .banner-5
{
    background: url(../images/zsq2016/banner-6.jpg) center no-repeat;
}
.banner .bd li .banner-6
{
    background: url(../images/zsq2016/banner-7.jpg) center no-repeat;
}
.banner .bd li .banner-7
{
    background: url(../images/zsq2016/banner-8.jpg) center no-repeat;
}
.banner .bd li .banner-10
{
    background: url(../images/zsq2016/banner-10.jpg) center no-repeat;
}
.banner .bd li .banner-11
{
    background: url(../images/zsq2016/banner-11.jpg) center no-repeat;
}

.banner .bd li .banner-12
{
    background: url(../images/zsq2016/banner-12.jpg) center no-repeat;
}
.banner .bd li .banner-13
{
    background: url(../images/zsq2016/banner-13.jpg) center no-repeat;
}
.banner .bd li .banner-14
{
    background: url(../images/zsq2016/banner-14.jpg) center no-repeat;
}
.banner .bd li .banner-15
{
    background: url(../images/zsq2016/banner-15.jpg) center no-repeat;
}
.banner .bd li .banner-21
{
    background: url(../images/zsq2016/banner-21.jpg) center no-repeat;
}.banner .bd li .banner-16
{
    background: url(../images/zsq2016/banner-16.jpg) center no-repeat;
}.banner .bd li .banner-17
{
    background: url(../images/zsq2016/banner-17.jpg) center no-repeat;
}
.banner .hd
{
    line-height: 30px;

    position: relative;
    z-index: 1;
    bottom: 40px;

    height: 30px;

    text-align: center;
}
.banner .hd ul
{
    padding-top: 5px;

    text-align: center;
}
.banner .hd ul li
{
    font-size: 0;

    display: inline-block;
    overflow: hidden;
    zoom: 1;

    width: 15px;
    height: 15px;
    margin: 0 5px;

    cursor: pointer;

    border-radius: 50%;
    background: #000;
}
.banner .hd ul .on
{
    background: #c00;
}
.banner .prev,
.banner .next
{
    position: relative;
    z-index: 1;
    top: -60%;

    display: block;

    width: 23px;
    height: 42px;

    opacity: .4;
    background-image: url(../images/zsq2016/arrow.png);
    background-repeat: no-repeat;

    filter: alpha(opacity=40);
}
.banner .prev
{
    left: 50%;

    float: left;

    margin-left: -600px;

    background-position: -23px 0;
}
.banner .next
{
    right: 50%;

    float: right;

    margin-right: -600px;

    background-position: 0 0;
}
.banner .prev:hover,
.banner .next:hover
{
    opacity: .8;

    filter: alpha(opacity=80);
}
#banner
{
    overflow: hidden;

    width: 100%;
    min-width: 1200px;
    height: 500px;

    background: url(../images/zsq2016/banner/banner.jpg) center no-repeat;
}

/* 站内搜索 */

.search
{
    overflow: hidden;

    margin-top: 50px;
}
.search .keywords
{
    font-size: 14px;
    line-height: 28px;

    display: block;
    float: left;
}
.search .keywords span
{
    font-weight: bold;

    color: #333;
}
.search .keywords a
{
    margin-right: 10px;

    color: #333;
}
.search .keywords a:hover
{
    text-decoration: underline;

    color: #039;
}
.search .search-box
{
    line-height: 28px;

    float: right;
    overflow: hidden;

    width: 300px;
    height: 28px;

    border: 1px solid #039;
    border-radius: 14px;
}
.search .search-box .input-text
{
    line-height: 28px;

    float: left;

    width: 200px;
    height: 28px;
    margin-left: 15px;
}
.search .search-box .button
{
    line-height: 28px;

    float: right;

    padding: 0 15px;

    color: #fff;
    background: #039;
}

.item { padding: 50px 0; text-align: center; }
.item-box { display: inline-block; margin: 0 30px; width: 200px; height: 200px; line-height: 200px; color: #fff; font-size: 24px; border-radius: 50%;}
.item-box p { display: inline-block; line-height: 24px }
.item-box span { display: inline-block; font-size: 16px; }
.item-box.color1 { background: #3498DB; }
.item-box.color2 { background: #E67E22; }
.item-box.color3 { background: #34495E; }
.item-box.color4 { background: #2ECC71; }

/*环形图标展示*/
.annular {
list-style: none;
padding: 0;
margin: 0 auto;
width: 36em;
height: 26em;
}

.annular li {
height: 100px;
width: 100px;
/*background-color: #fff;*/
text-align: center;
cursor: pointer;
-webkit-border-radius: 4em;
-moz-border-radius: 4em;
-ms-border-radius: 4em;
-o-border-radius: 4em;
border-radius: 4em;
}
li.roundabout-in-focus {
  cursor: default;
}  

.monolith {
  background-color: #222;
  color: #fff;
  text-align: center;
  width: 360px;
  height: 270px;
  position: absolute;
  z-index: 200;
  left: 95px;
  border-color: #222;
  opacity: 0.90;
  top:60px;
  position: relative;
}

.monolith img {
-webkit-border-radius: 4em;
-moz-border-radius: 4em;
-ms-border-radius: 4em;
-o-border-radius: 4em;
border-radius: 4em;
}       
.mover img {
width:100px;
height:100px;
-webkit-border-radius: 4em;
-moz-border-radius: 4em;
-ms-border-radius: 4em;
-o-border-radius: 4em;
border-radius: 4em;
}       

.monolith span{
  position: absolute;
  top:30px;
  left:120px;
  display: block;
  width:150px;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  color:black;
}

.mover:hover span{
  color:#3498DB;
  font-weight: 700;
}

.mover span {
display: block;
width:100px;
font-size: 12px;
text-align: center;
color:#644836;
}

#carbonads-container {
clear: both;
margin-top: 1em;
}
#carbonads-container .carbonad {
margin: 0 auto;
}

.news { float: left; width: 600px; height:350px;overflow: hidden;}
.news .ed { height:36px;width: 100%; border-bottom:1px solid #ddd; }
.news .ed li { float: left; margin-right: 10px; padding: 5px 15px; line-height: 25px; font-size: 16px; border:1px solid #ddd; border-bottom:1px solid #fff;}
.news .ed li:hover{color:#fff; background: #3498DB;cursor: pointer;}
.news .ed li:hover a{color:#fff;}
.news .hd { height:36px;width: 100%; border-bottom:1px solid #ddd; overflow: hidden;}
.news .hd li { float: left; margin-right: 10px; padding: 5px 15px; line-height: 25px; font-size: 16px; border:1px solid #ddd; border-bottom:none;}
/*.news .hd li { position: absolute;float: left; margin-right: 10px; padding: 5px 15px; line-height: 25px; font-size: 16px; border:1px solid #ddd; border-bottom:1px solid #fff;}*/
.news .hd li.on { color: #fff; border:1px solid #3498DB; border-bottom:none; background: #3498DB;}
.news .hd li:hover{color:#fff; background: #3498DB;cursor: pointer;}
.news .hd li a{margin:0;padding-right: 0;color: #333;}
.news .hd li:hover a{color:#fff;}
.news .hd .more { display: inline-block; margin-top: 5px; line-height:25px;}
.news .bd { padding-top: 20px; width: 100%; min-height: 100px; overflow: hidden;}
.news .bd li { width: 100%; line-height: 35px; color: #999; font-size: 14px; border-bottom:1px dotted #ddd; overflow: hidden;}
.news .bd .hot { padding-bottom: 10px; line-height: normal; }
.news .bd .hot .pic { float: left; width: 94px; height: 75px; border: 1px solid #ddd; overflow: hidden;}
.news .bd .hot .info { float: right; width: 480px; height: 75px; overflow: hidden;}
.news .bd .hot .info .title { height: 20px; font-size: 16px; overflow: hidden;}
.news .bd .hot .info .title a { line-height: 20px; color: #3498DB;}
.news .bd .hot .info p { margin-top: 10px; line-height: 20px; } 
.news a { color: #666;}
.news a:hover { color: #3498DB;}

.item-right { float: right; width: 556px; overflow: hidden;}
.item-right .head { height: 36px; border-bottom:1px solid #ddd; overflow: hidden;}
.item-right .head h3 { position: absolute; display: inline-block; margin-top: 1px; padding: 5px 15px; line-height: 25px; font-size: 16px; border:1px solid #ddd; border-bottom:none; background: #fff;}
.item-right .head h3:hover{color:#fff;border-bottom:1px solid #3498DB; background: #3498DB;}
.item-right .picScroll-left { position: relative; width: 100%; overflow: hidden;margin-bottom: 10px;}
.item-right .picScroll-left .bd { padding: 5px 0; width: 100%; overflow: hidden;}
.item-right .picScroll-left .bd li { float: left; margin-right: 20px; width: 124px; text-align: center; overflow: hidden;}
.item-right .picScroll-left .bd li img { padding: 1px; max-width: 120px; border:1px solid #ddd;}
.item-right .picScroll-left .bd li span {display: block;}
.item-right .picScroll-left .bd li:hover span{color:#3498DB;}

/*产品推荐样式*/
.product-advice { position: relative; width: 100%; overflow: hidden;padding-top:30px;margin-bottom: 30px;}
.product-advice .title { text-align:center;height: 50px;color: #644836; padding-bottom:10px;border-bottom:1px solid #ddd; overflow: hidden;font-size: 16px; }
.product-advice .tj { width: 100%; overflow: hidden;margin-top: 10px;}
.product-advice .tj li { float: left; margin-right: 22px; text-align: center; overflow: hidden;}
.product-advice .tj li div {  width:180px;height:180px;overflow: hidden;}
.product-advice .tj li img{position:relative;left:-10px;top:-10px;}
.product-advice .tj a:hover { text-decoration: none;}
.product-advice .tj li span {display: block;font-size: 14px;}
.product-advice .tj li:hover img
{
  transform: scale(1.25, 1.25);
  transition: .1s transform;
  overflow:hidden;
}
.product-advice .tj li:hover span{color:#3498DB;}

/*色彩趋势样式*/
.color-trend{width:100%;margin:20px 0 40px;}
.color-trend .title { text-align:center;height: 50px;color: #644836; padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #ddd; overflow: hidden;font-size: 16px; }
.color-trend ul{width:100%;margin:0 40px;}
.color-trend li{float: left; margin-right: 35px; text-align: center; overflow: hidden;}
.color-trend li div{width:250px;height:200px;border:1px dotted #ddd; overflow: hidden;}
.color-trend a:hover { text-decoration: none;}
.color-trend li span {display: block;width:250px;margin-top:10px;font-size: 14px;overflow: hidden;}
.color-trend li:hover img
{
  transform: scale(1.05, 1.05);
  transition: .1s transform;
  overflow:hidden;
}
.color-trend li:hover span{color:#3498DB;}

/*企业动态样式*/
#lines {
  background: transparent url(../images/lines.png) repeat-x bottom;
  padding: .2em 0 0.8em 0;
  margin-bottom: 1em;
}
.scrollNews {
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background: #FFFFFF;
    border: 0px solid #AAAAAA;
}

.scrollNews h2{font-size: 16px;}
.scrollNews ul {
    padding: 0 10px;
}

.scrollNews ul li {
    height: 25px;
    line-height: 25px;
    list-style-type: none;
    font-size: small;
}

.scrollNews a:hover {
    color:#3498DB
}

/* 底部样式 */
.link { width: 100%; min-width: 1200px;  color: #f3f3f3; background:#646363; overflow: hidden; padding:5px 0;}
.link.tl, .link .tr {margin-top:10px;display: inline-block; }
.alink { margin-left: 10px; color: #f3f3f3;}
/*.link {width:100%;min-width:1200px; padding: 20px 0; }*/
.footer-nav { width:100%; min-width:1200px;  overflow:hidden; background:#1e1e1e;}
.footer-nav dl { float:left; font-family:"微软雅黑"; }
.footer-nav dl dt { margin-right:25px; height:40px; line-height:40px; color:#f3f3f3; font-size:16px; border-bottom: 1px solid #363636; }
.footer-nav dl dt span { position:relative; top:-1px; display:inline-block; border-bottom:3px solid #838383;}
.footer-nav .footer_contact { padding-top:10px; width:35%; font-size:14px;}
.footer-nav .footer_contact li { position:relative; margin-top:25px; padding-top:5px; padding-left:45px; widows:100%; min-height:35px; color:#646363; list-style:none;}
.footer-nav .footer_contact li i { position:absolute; top:0; left:0; *left:0px; _left:-45px; width:35px; height:35px; border:1px solid #424244; border-radius:5px; text-align:center;}
.footer-nav .footer_contact .map { width:29px; height:29px; overflow:hidden; background:url(../images/zsq/map.gif) no-repeat;}
.footer-nav .footer_contact .tel { width:29px; height:29px; overflow:hidden; background:url(../images/zsq/tel.gif) no-repeat;}
.footer-nav .footer_contact .email { width:29px; height:29px; overflow:hidden; background:url(../images/zsq/email.gif) no-repeat;}

.footer-nav .footer_contact a { margin-right:10px; line-height:25px; color:#646363; font-weight:100;}
.footer-nav .footer_contact a:hover { color:#F60;}
.footer-nav .footer_attention { padding-top:10px; width:30%; font-size:14px;}
.footer-nav .footer_attention dd { margin-top:30px; color: #646363;}
.footer-nav .footer_attention li { display:inline-block; zoom:1; *display:inline; margin:8px;list-style:none;}
.footer-nav .footer_attention li a { display:block; width:44px; height:44px; text-indent:-9999px; color:#646363; font-size:0; overflow:hidden; background:url(../images/zsq/pnt.png) no-repeat left top;}
.footer-nav .footer_attention li.tenxun a { background-position:-83px top!important;}
.footer-nav .footer_attention li.weixin a { background-position:-247px top!important;}
.footer-nav .footer_attention li.qq a { background-position:-165px top!important;}
.footer-nav .footer_attention li:hover a { background:url(../images/zsq/pnthover.png) no-repeat;}
.footer-nav .footer_attention img { margin-top:8px; width:100px;}
.footer-nav .footer_attention p { margin-top:5px;}

.footer-box { width:100%; min-width:1200px; height:1%; overflow:hidden; background:#161616;}
.footer-box .footer {color:#4a4a4a; font-family:"微软雅黑"; overflow:hidden;padding:5px 0;}

.float0831 {
    POSITION: fixed; TOP: 100px; RIGHT: 1px; _position: absolute; z-index:9999999999
}
.float0831 A {
    COLOR: #00a0e9
}
.float0831 A:hover {
    COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
    POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
    TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
    BACKGROUND: url(../images/kefu/float_bg.gif)
}
.float0831 .tp {
    BACKGROUND: url(../images/kefu/float_bg.gif)
}
.float0831 .cn {
    BACKGROUND: url(../images/kefu/float_bg.gif)
}
.float0831 .floatR {
    PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
    BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
    BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
    TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
    BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
    BACKGROUND: url(../images/kefu/float_s.gif) no-repeat
}
.float0831 .titDh {
    BACKGROUND: url(../images/kefu/float_s.gif) no-repeat
}
.float0831 .titDc {
    BACKGROUND: url(../images/kefu/float_s.gif) no-repeat
}
.float0831 .icoZx {
    BACKGROUND: url(../images/kefu/float_s.gif) no-repeat
}
.float0831 .icoTc {
    BACKGROUND: url(../images/kefu/float_s.gif) no-repeat
}
.float0831 .icoFf {
    BACKGROUND: url(../images/kefu/float_s.gif) no-repeat
}
.float0831 .icoTl {
    BACKGROUND: url(../images/kefu/float_s.gif) no-repeat
}
.float0831 .btnOpen {
    BACKGROUND: url(../images/kefu/float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
    BACKGROUND: url(../images/kefu/float_s.gif) no-repeat
}
.float0831 .btnCtn {
    BACKGROUND: url(../images/kefu/float_s.gif) no-repeat
}
.float0831 .titZx {
    BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
    BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
    BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
    BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
    BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
    BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
    PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
    BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
    BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
    BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
    PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
    PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
    PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
    POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
    POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
    POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
    TOP: 118px; LEFT: 1px
}
.float0831 .btnOpen_n {
    TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
    TOP: 118px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
    WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.kf-top {
    BORDER-BOTTOM: #ace5f9 1px solid; width:98%;
}
.float0831 UL LI.bot {
    BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
    PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/kefu/webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
    BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}